<!DOCTYPE html>
<style>
body {
    margin: 0;
}
#float {
    float: left;
    width: 100px;
    height: 200px;
    background: blue;
    }
input {
    display: block;
    width: 50px;
    height: 10px;
}
</style>
<script src="../../../resources/check-layout.js"></script>
<p> Checkboxes and radio boxes are replaced elements, so they should avoid floats. </p>
<div id="float"></div>
<input type="checkbox" data-offset-x=100 />
<input type="radio" data-offset-x=100 />
<script>
onload=function() { checkLayout('input'); }
</script>

